<template>
	<view class="content">
		<view class="tit">
			<view class="tit1">
				<text>订单</text>
			</view>
			<view class="tit2">
				<text>正在统计</text>
			</view>
		</view>
		
		
		<view class="list" v-for="(item,index) in list" :key="index">
			<view class="list1">
				<text>{{item.date}}</text>
			</view>
			<view class="list2">
				<text>统计成功</text>
			</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						id:0,
				        date:'4.2'
					},
					{
						id:1,
					    date:'4.2'
					},
					{
						id:2,
					    date:'4.2'
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.content{
	width: 750rpx;
	height: 1624rpx;
	background: #FAFAFA;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	padding-top: 32rpx;
}
.tit{
	width: 690rpx;
	height: 104rpx;
	background: #409CFD;
	border-radius: 8rpx 8rpx 8rpx 8rpx;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tit1{
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 32rpx;
	color: #FFFFFF;
	margin-left: 32rpx;
}
.tit2{
	width: 196rpx;
	height: 72rpx;
	background: #FFFFFF;
	border-radius: 4rpx 4rpx 4rpx 4rpx;
	margin-right: 16rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 28rpx;
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: center;
}
.list{
	display: flex;
	width: 690rpx;
	height: 120rpx;
	background: #FFFFFF;
	border-radius: 8rpx 8rpx 8rpx 8rpx;
	margin: 32rpx auto 0;
	align-items: center;
	justify-content: space-between;
	margin-left: 32rpx;
}
.list2{
	width: 176rpx;
	height: 56rpx;
	background: #409CFD;
	border-radius: 120rpx 120rpx 120rpx 120rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 26rpx;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 32rpx;
}
</style>
